
            .nav-head li{border: 0;}
            #top-nav .nav-right{display: table;float: right;width: 320px;height: 46px;font-size: 12px;}
            #top-nav .nav-right *{box-sizing: border-box;}
            #top-nav .nav-right .account-wrap{display: table-cell;vertical-align: middle;}
            #top-nav .nav-right .account-wrap .btn{
                float: right;
                width: 70px;
                text-align: center;
                border: 0;
                border-radius: 0;
                cursor: pointer;
                background: transparent;
                box-shadow: none;
                text-shadow: none;
                padding: 0;
                color: #d2d2d2;
                line-height: 46px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                transition: all 300ms ease;
            }
            #top-nav .nav-right .account-wrap .btn:hover{color: #fff;background: #913232;}
            #top-nav .nav-right .account-wrap .btn.sign-in{border-color: transparent;}
            #top-nav .nav-right .account-wrap .btn.login{border-color: #913232;}
            #top-nav .nav-right .account-info-wrap{display: block;position: relative;float: right;cursor: pointer;}
            #top-nav .nav-right .account-wrap .avator{position: relative;z-index: 1;float: right;width: 30px;height: 30px;border: 1px solid #913232;border-radius: 50%;overflow: hidden;margin-top: 5px;}
            #top-nav .nav-right .account-wrap .avator img{display: block;width: 30px;margin: -1px 0 0 -1px;border-radius: 50%;}
            #top-nav .nav-right .account-wrap .name{max-width: 130px;float: right;padding-left: 15px;line-height: 40px;text-align: center;}
            #top-nav .nav-right .account-wrap .arrow{float: right;line-height: 40px;}
            #top-nav .nav-right .account-wrap .arrow i{top: 2px;line-height: 20px;margin-left: 8px;
                -webkit-transition: all 200ms ease;
                -moz-transition: all 200ms ease;
                transition: all 200ms ease;
            }
            #top-nav .nav-right .account-wrap .arrow i.open{
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }
            #top-nav .nav-right .menu-wrap{position: absolute;z-index: 1000;top: 60px;right: -5px;width: 120px;background: #1b1b1b;box-shadow: 0 0 5px rgba(0,0,0,.5);padding: 5px 1px;}
            #top-nav .nav-right .menu{overflow: hidden;}
            #top-nav .nav-right .menu i{margin-right: 10px;color: #913232;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                transition: all 300ms ease;
            }
            #top-nav .nav-right .menu li{width: 100%;padding: 0;line-height: 34px;border: 0;}
            #top-nav .nav-right .menu li a{display: block;line-height: 34px;padding-left: 20px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                transition: all 300ms ease;
            }
            #top-nav .nav-right .menu li a:hover{color: #fff;background: #913232;}
            #top-nav .nav-right .menu li a:hover i{color: #fff;}
            .ellipsis{display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-berak: normal;word-wrap: normal;}
            .n-modal{padding: 20px;background: #1b1b1b;box-shadow: 0 0 5px rgba(0,0,0,.5);}
            .n-modal a{color: #C23C2A;}
            .n-modal i{margin-right: 10px;}
            .n-modal i.fail{color: #913232;}
            .n-modal i.success{color: #57BA35;}
            .n-modal i.warn{color: #BAB135;}
            .s-notice{line-height: 40px;text-align: center;}
            .steam_login{
                height: 28px;
                font-size: 12px;
                margin: 7px 7px 7px 0;
                float: right;
                padding: 0 12px;
                background-color: rgba(145,50,50,.6);
                border: 2px solid transparent;
                box-sizing: content-box !important;
                -moz-transition: border .4s ease;
                -webkit-transition: border .4s ease;
                -o-transition: border .4s ease;
            }
            .steam_login:hover{
                border: 2px solid rgba(145,50,50,1);
            }
            .steam_loginDec{float: left;height: 28px;line-height: 28px;color: #fff;}
            .steam_loginImgDiv{float: left;height: 28px;width: 32px;overflow: hidden;margin-left: 4px;}
            .steam_loginImg{
                height: 28px;
                width: 32px;
                position: relative;
                left: -32px;
                border-right: 32px solid transparent;
                -webkit-filter: drop-shadow(rgb(255, 255, 255) 32px 0px);
                filter: drop-shadow(rgb(255, 255, 255) 32px 0px);
                background: url('/static/image/steamLogo.png') no-repeat center;
                background-size: cover;
                box-sizing: content-box !important;
                overflow: hidden;
            }
            .not-login-wrap{float: right;}
            .not-login-wrap:after,.account-wrap:after,.steam_login:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}